<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>ichartjs designer</title>
<script src='http://www.ichartjs.com/ichart.latest.min.js'></script>
<script type='text/javascript'>
	$(function() {
		var chart = iChart.create({
			render : "ichart-render",
			width : 800,
			height : 400,
			background_color : "#353757",
			gradient : false,
			color_factor : 0.2,
			border : {
				color : "#bcbcbc",
				width : 1
			},
			align : "center",
			offsetx : 0,
			offsety : 0,
			sub_option : {
				border : {
					color : "#6d869f",
					width : 2
				},
				label : {
					fontweight : 500,
					fontsize : 11,
					color : "#4572a7",
					sign : "square",
					sign_size : 20,
					border : {
						color : "#BCBCBC",
						width : 0
					},
					background_color : "rgba(244,244,244,0)"
				}
			},
			shadow : false,
			shadow_color : "#666666",
			shadow_blur : 5,
			showpercent : false,
			column_width : "70%",
			bar_height : "70%",
			radius : "90%",
			title : {
				text : "集团近8年游网游事业部业绩分析",
				color : "#c0c8e7",
				fontsize : 20,
				textAlign : "left",
				font : "微软雅黑",
				height : 30,
				offsetx : 30,
				offsety : 0
			},
			subtitle : {
				text : "Showing AOA online,2012 Estimated,unit:Millions",
				color : "#c0c8e7",
				fontsize : 16,
				textAlign : "left",
				font : "微软雅黑",
				height : 20,
				offsetx : 30,
				offsety : 0
			},
			footnote : {
				text : "Info Center",
				fontsize : 12,
				color : "#5d7f97",
				textAlign : "right",
				font : "微软雅黑",
				height : 20,
				offsetx : 0,
				offsety : 0
			},
			legend : {
				enable : false,
				background_color : "#fefefe",
				color : "#333333",
				fontsize : 12,
				border : {
					color : "#BCBCBC",
					width : 1
				},
				column : 1,
				align : "right",
				valign : "center",
				offsetx : 0,
				offsety : 0
			},
			coordinate : {
				width : "82%",
				height : "80%",
				background_color : "rgba(53,55,87,0)",
				axis : {
					color : "#666791",
					width : [ "", "", "", "" ]
				},
				grid_color : "#c0c0c0",
				label : {
					fontweight : 500,
					color : "#d3d4f0",
					fontsize : 11
				}
			},
			label : {
				fontweight : 500,
				color : "#d3d4f0",
				fontsize : 11
			},
			type : "bar2d",
			data : [ {
				name : "2005",
				value : 17,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2006",
				value : 19,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2007",
				value : 26,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2008",
				value : 27,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2009",
				value : 38,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2010",
				value : 42,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2011",
				value : 38,
				color : "rgba(236,173,85,0.9)"
			}, {
				name : "2012",
				value : 44,
				color : "rgba(236,173,85,0.9)"
			} ]
		});
		chart.draw();
	});
</script>
</head>
<body style='background-color: #244c74;'>
	<div id='ichart-render'></div>
</body>
</html>

